import { route } from 'quasar/wrappers'
import { createRouter, createMemoryHistory, createWebHistory, createWebHashHistory } from 'vue-router'
import routes from './routes'
import { useUserStore } from '../stores/modules/user'

/*
 * If not building with SSR mode, you can
 * directly export the Router instantiation;
 *
 * The function below can be async too; either use
 * async/await or return a Promise which resolves
 * with the Router instance.
 */

export default route(function ({/* store, ssrContext */}) {
  const createHistory = process.env.SERVER
    ? createMemoryHistory
    : (process.env.VUE_ROUTER_MODE === 'history' ? createWebHistory : createWebHashHistory)

  const Router = createRouter({
    scrollBehavior: () => ({ left: 0, top: 0 }),
    routes,

    // Leave this as is and make changes in quasar.conf.js instead!
    // quasar.conf.js -> build -> vueRouterMode
    // quasar.conf.js -> build -> publicPath
    history: createHistory(process.env.VUE_ROUTER_BASE)
  })

  const user = useUserStore()

  Router.beforeEach((to, from, next) => {
    document.title = `${to.meta.title}`
    if(to.name !== 'login') {
      if(!localStorage.getItem('access_token') && to.name !== 'video') {
        return next({
          name: 'login'
        })
      }
    }
    if(to.name === 'login' && localStorage.getItem('access_token')) {
      return next({
        name: 'home'
      })
    }

    next()
  })

  return Router
})
